<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<link type="text/css" rel="stylesheet" href="<%=path %>/assets/mmenu/demo/css/demo.css" />
<link type="text/css" rel="stylesheet" href="<%=path %>/assets/mmenu/dist/css/jquery.mmenu.all.css" />

<script type="text/javascript" src="<%=path %>/assets/mmenu/dist/js/jquery.mmenu.min.all.js"></script>
<link type="text/css" rel="stylesheet" href="<%=path %>/assets/mmenu/dist/css/addons/jquery.mmenu.dragopen.css" />
<script type="text/javascript">
var menuContHtml=[];
menuContHtml.push('<nav id="menu"><ul><li><a href="#">Home</a></li><li><a href="#about">About us</a>');
menuContHtml.push('<ul><li><a href="#about/history">History</a></li>');
menuContHtml.push('<li><a href="#about/team">The team</a>');
menuContHtml.push('<ul><li><a href="#about/team/management">Management</a></li><li><a href="#about/team/sales">Sales</a></li></ul>');
menuContHtml.push('</li><li><a href="#about/address">Our address</a></li></ul></li><li><a href="#contact">Contact</a></li></ul></nav>');

    $(window).load(function(){
    	$("#menuCont").html(menuContHtml.join(""));
    	
    	$(function() {
    		$('nav#menu').mmenu();
    	});
    });
    
</script>